<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/Template.dwt" codeOutsideHTMLIsLocked="false" -->
<!-- DW6 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="travel beijing visitor helper hotel shopping food" />
<meta name="copyright" content="the visitor's helper company" />
<!-- InstanceBeginEditable name="headedits" -->
<script type="text/JavaScript">
<!--
function checkform() {
  errors=false;
  errorMsg = "";
  d=document.myForm;
// basic check required fields
  if (d.name.value == "") {
    errorMsg +="Please enter your name.\n";
    errors=true;
  }
  for (var i=0; i<3; i++) {
    if (d.siterating[i].checked)
	  var checkedsiterating = true;
  }
  if (!checkedsiterating) {
      errorMsg +="Please select a site rating.\n";
	  errors=true;
  }  
// message if errors exist
  if (errors)
    alert(errorMsg);
  return !errors;
}
function mygetLocale(){
 language = "unKnown";
if ( navigator ) {
    if ( navigator.language ) {
        language = navigator.language;
    }
    else if ( navigator.browserLanguage ) {
        language = navigator.browserLanguage;
    }
    else if ( navigator.systemLanguage ) {
        language = navigator.systemLanguage;
    }
    else if ( navigator.userLanguage ) {
        language = navigator.userLanguage;
    }
}
usercountry = '';
if(language=='en-US')
	usercountry = 'America';
else if(language=='zh-CN')
	usercountry = 'China';
document.myForm.country.value=usercountry;
}
//-->
</script>
<meta name="description" content="This is a page for user to fill feedback information"/>
<!-- InstanceEndEditable -->
<script type="text/javascript" src="cal.js"></script>
<script type="text/JavaScript">
<!--
function show(){
var curTime=new Date();
document.getElementById("datetime").innerHTML = curTime.toString();
setTimeout("show()",1000)
}
//-->
</script>
<!-- InstanceBeginEditable name="title" -->
<title>Feedback</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body onload="javascript:show()">
<div id="page">
<div id="masthead">
  <span id="datetime"></span><a href="index.html"><span id="siteName">TVH</span></a>
  <div id="header-div">
  	<div class="diviver"></div>
  </div>
  <div id="globalNav"><ul> <li> <a href="index.html">Home</a> </li> <li> <a href="historical.html">Historical</a> </li> <li> <a href="modern.html">Modern</a> </li> <li> <a href="food.html">Food</a> </li> <li> <a href="hotel.html">Hotel</a> </li> <li> <a href="shopping.html">Shopping</a> </li> <li> <a href="services.html">Service</a> </li> <li> <a href="feedback.html">Feedback</a> </li></ul>
  </div>
</div>
<!-- end masthead -->
<!-- InstanceBeginEditable name="frame" -->
<div id="content">
  <div id="breadCrumb">&nbsp;</div>
  <!-- breadCrumb may not be needed -->
  <h2 id="pageName">Please Give Us Your Feedback </h2>
	  <p>Please fill out the information below:</p>
	  <p>(Required fields shown by *.)</p>
	<form name="myForm" id="myForm" action="" onsubmit="javascript:return checkform();">
	  <table border="0" cellspacing="2" cellpadding="1">
		<tr> 
		  <td width="214">Your Name:</td>
		  <td width="10">*</td>
		  <td width="367"> 
			<input type="text" name="name" size="40" />
		  </td>
		</tr>
		<tr> 
		  <td>Your Country: </td>
		  <td width="10">&nbsp;</td>
		  <td> 
			<input type="text" id="country" name="country" size="40" value="" onfocus="javascript:mygetLocale(this);" />
		  </td>
		</tr>
		<tr> 
		  <td>Your Email Address: </td>
		  <td width="10">&nbsp;</td>
		  <td> 
			<input type="text" name="email" id="email" size="40"/>
		  </td>
		</tr>
		<tr>
		  <td>Are you planning for a trip to Beijng? </td>
		  <td>&nbsp;</td>
		  <td><select name="WhenToVisit">
			<option value="week">Within a week</option>
			<option value="month">Within a month</option>
			<option value="year">Within a year</option>
			<option value="havenot">Haven't consider it yet</option>
		  </select></td>
		</tr>
		<tr>
		  <td>Which part of this site do you find helpful? </td>
		  <td>&nbsp;</td>
		  <td><fieldset><legend>Contents:</legend>
			  <input name="HelpfulArea" type="checkbox" id="HelpfulArea1" value="famoussites" />
		  Information about famous sites in Beijing<br />
		  <input name="HelpfulArea" type="checkbox" id="HelpfulArea2" value="food" />
	Information about food in Beijing<br />
	<input name="HelpfulArea" type="checkbox" id="HelpfulArea3" value="hotel" /> 
			Information about hotels in Beijing<br />
	<input name="HelpfulArea" type="checkbox" id="HelpfulArea4" value="shopping" />
	Information about shopping in Beijing
			</fieldset>
		  </td>
		</tr>
		<tr>
		  <td>What kind of services we provieded do you think is useful to you? </td>
		  <td>&nbsp;</td>
		  <td><fieldset><legend>Services:</legend>
			  <input name="UsefulServices" type="checkbox" id="UsefulServices1" value="translation" />
			  Translation services<br />
		  	  <input name="UsefulServices" type="checkbox" id="UsefulServices2" value="chinese" />
			  Chinese lessons<br />
	<input name="UsefulServices" type="checkbox" id="UsefulServices3" value="hiring" /> 
			Hiring items <br />
	<input name="UsefulServices" type="checkbox" id="UsefulServices4" value="transport" />
	Transport services
			</fieldset>
		  </td>
		</tr>
		<tr>
		  <td>How do you rate the our site?</td>
		  <td valign="top">*</td>
		  <td><fieldset>
	<input type="radio" name="siterating" value="Poor" onclick="alert('Please make sure you write comments below about why the site is poor.'); document.myForm.Comments.focus();" />    
	Poor - not user friendly<br />
	<input type="radio" name="siterating" value="Good" />
	Good - fairly useful, but could be a lot better<br />
	<input type="radio" name="siterating" value="VeryGood" />
	Very Good - a very useful site
		  </fieldset></td>
		</tr>
		<tr> 
		  <td>Please enter your comments about our site and
			possible improvements:</td>
		  <td width="10">&nbsp;</td>
		  <td> 
			<textarea name="Comments" cols="50" rows="4" id="Comments"></textarea>
		  </td>
		</tr>
		<tr> 
		  <td>&nbsp;</td>
		  <td width="10">&nbsp;</td>
		  <td>&nbsp;</td>
		</tr>
	  </table>
	  <p style="text-align:center"> 
		<input type="reset" value="Reset" name="Reset" id="Reset" onclick="return confirm('Reset all fields?This will lost all your input information');" />
		 &nbsp;&nbsp;&nbsp;
		<input type="submit" value="Submit" />
	  </p>
	</form>
	<p id="notes">Notes: This form is just for us to collect information to improve our services, your personal information will not be put into use for any other third party. </p>
	<div id="button-div"></div>
</div>
<!-- InstanceEndEditable -->
<!--end content -->
<div id="navBar">
  <div id="sectionLinks">
  	<h3>Quick Reference</h3>
    <ul>
	  <!-- InstanceBeginEditable name="quickref" -->
      <li><a href="#notes">Notes</a></li>
	  <!-- InstanceEndEditable -->
    </ul>
  </div>
  <div class="relatedLinks">
    <h3>Infomation That May Help</h3>
    <ul>
	  <!-- InstanceBeginEditable name="related" -->
      <li><a href="food.html#section3">Food you should try</a></li>
      <li><a href="services.html#section8">Contact Information</a></li>
      <li><a href="services.html#section3">Transport servies</a></li>
      <li><a href="modern.html#section1">National　Stadium</a></li>
      <li><a href="hotel.html#section1">Hotels you can book</a></li>   
      <li><a href="historical.html#section1">Temple of Heaven</a></li>
      <li><a href="shopping.html#section6">Super market in Beijing</a></li>
	  <!-- InstanceEndEditable -->
    </ul>
  </div>
  <div id="feedback"> <a href="feedback.html"><img src="style/feedback.png" alt="feedback" width="190" height="48" border="0" /></a>
    <marquee behavior="scroll" direction="left">Please leave your feedback here.</marquee></div>  
  <div class="calendar">
  <h3>Calendar</h3>
  <div id="idcalendarPre">&lt;&lt;</div>
  <div id="idcalendarNext">&gt;&gt;</div>
  <span id="idcalendarYear"></span>-<span id="idcalendarMonth"></span>
  <table cellspacing="0">
    <thead>
      <tr>
        <td>Su</td>
        <td>Mo</td>
        <td>Tu</td>
        <td>We</td>
        <td>Th</td>
        <td>Fr</td>
        <td>Sa</td>
      </tr>
    </thead>
    <tbody id="idcalendar">
    </tbody>
  </table>
</div>
<script language="JavaScript">

var cale = new calendar("idcalendar", {
	SelectDay: new Date().setDate(10),
	onSelectDay: function(o){ o.className = "onSelect"; },
	onToday: function(o){ o.className = "onToday"; },
	onFinish: function(){
		$("idcalendarYear").innerHTML = this.Year; $("idcalendarMonth").innerHTML = this.Month;
	}
});

$("idcalendarPre").onclick = function(){ cale.PreMonth(); }
$("idcalendarNext").onclick = function(){ cale.NextMonth(); }

$("idcalendarPreYear").onclick = function(){ cale.PreYear(); }
$("idcalendarNextYear").onclick = function(){ cale.NextYear(); }

$("idcalendarNow").onclick = function(){ cale.NowMonth(); }

</script>
</div>
<!--end navbar -->
<div id="siteInfo"> <img src="images/logo.jpg" alt="company logo" width="136" height="22" /> <a href="index.html">About Us</a> | <a href="services.html#section8">Contact Us</a> | &copy;2010 TVH Company </div>
<br />
</div>
</body>
<!-- InstanceEnd --></html>
